<template>
  <div>
  <el-dialog
  :visible.sync="flag"
  title="题目预览"
  >
  <el-row type="flex" justify="space-around">
    <el-col>
      【题型】&nbsp;:&nbsp;{{newdata.questionType}}
    </el-col>
     <el-col>
      【编号】&nbsp;:&nbsp;{{newdata.id}}
    </el-col>
       <el-col>
      【难度】&nbsp;:&nbsp;123{{newdata.difficulty}}
    </el-col>
       <el-col>
      【标签】&nbsp;:&nbsp;123{{newdata.tags}}
    </el-col>
  </el-row>
  <el-row type="flex" justify="space-around" style="padding-top:20px;padding-bottom:20px">
    <el-col>
      【学科】&nbsp;:&nbsp;{{newdata.subjectName}}
    </el-col>
     <el-col>
      【目录】&nbsp;:&nbsp;{{newdata.directoryName}}
    </el-col>
       <el-col>
      【方向】&nbsp;:&nbsp;{{newdata.direction}}
    </el-col>
       <el-col>
    </el-col>
  </el-row>
  <hr/>
  <el-row>
      <el-col style="padding-top:20px;padding-bottom:20px">
      【题干】&nbsp;:&nbsp;
    </el-col><tr/>
    <div  style="padding-top:20px;padding-bottom:20px">{{newdata.question}}</div><tr/>
    单选题 选项：（以下选中的选项为正确答案）
  </el-row>
<div  type="flex" align="top">
   <el-radio
  v-model="item.isRight"
   :label=1
    style="padding-top:20px"
    v-for="item in newdata.options"
    :key="item.id"
    >{{item.title}}</el-radio>
</div>
       <hr/>
       <div  style="padding-top:10px;padding-bottom:10px">【参考答案】&nbsp;:&nbsp;   <el-button type="danger" @click="isshow=true"> 视频解析</el-button>
       </div>
       <div>
         <video v-show="isshow" src="https://v-cdn.zjol.com.cn/277004.mp4" width="500px" height="400px" controls></video>
       </div>
         <hr/>
      <div  style="padding-top:10px;padding-bottom:10px">【答案解析】&nbsp;:&nbsp;<a href="https://cn.vuejs.org/">https://cn.vuejs.org/</a> 有答案</div>
         <hr/>
<div  style="padding-top:10px;padding-bottom:10px">【题目备注】&nbsp;:&nbsp;<a href="https://cn.vuejs.org/">https://cn.vuejs.org/</a> 有答案</div>
  </el-dialog>

  </div>
</template>

<script>
export default {
  props: {
    flag: {
      type: Boolean,
      default: false
    },
    newdata: {
      type: Object
    }
  },
  data () {
    return {
      radio: '1',
      isshow: false
    }
  },
  methods: {
  }
}
</script>

<style>

</style>
